<template>
    <div class="mt-[100px] text-center">
        <div class="text-3xl font-semibold">{{ newsDetail.title }}</div>
        <div class="mt-4 text-gray-300">{{ newsDetail.createTime }}</div>
        <div class="mt-4">{{ newsDetail.content }}</div>
    </div>
</template>

<script setup lang="ts">
import { getMyOrder } from '@/apis/order'
import { computed, onMounted, reactive, ref } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import MovieItem from '@/components/MovieItem.vue'
import { getNews, getNewsList } from '@/apis/article'
const route = useRoute()
const router = useRouter()
const checkAll = ref(false)
const newsDetail = ref({})

const getDetail = async () => {
    const res = await getNews(route.query.id)
    newsDetail.value = res
}
onMounted(() => {
    getDetail()
})

</script>

<style lang="scss" scoped>
.custom-style {
    :deep(.el-textarea__inner) {
        height: 106px;
    }
}
</style>
